<template>
	<div id="contentBox">
		<div class="searchBox">
			<el-form :inline="true"  ref="searchForm"  :model="searchForm" label-width="96px">
				<el-form-item label="申请日期起" prop="startDate" >
				    <el-date-picker :editable="false"   
				      @change="debounceSeach"
				      v-model="searchForm.startDate"
				      type="date"
				      placeholder="选择日期"
				      :picker-options="startDateOpt"
				      format="yyyy-MM-dd"
				      >
				    </el-date-picker>
				</el-form-item>
				<el-form-item label="申请日期止" prop="endDate" >
				    <el-date-picker :editable="false"  
				      @change="debounceSeach"
				      v-model="searchForm.endDate"
				      type="date"
				      placeholder="选择日期"
				      :picker-options="endDateOpt"
				      >
				    </el-date-picker>
				</el-form-item>

	            <el-form-item label="订单号" prop="orderNumber" >
				    <el-input v-model="searchForm.orderNumber" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input >
				</el-form-item>
				<el-form-item label="物流状态" prop="logisticsStatus" >
				    <el-select v-model="searchForm.logisticsStatus" placeholder="请选择物流状态" @change="debounceSeach">
				    	<el-option label="请选择物流状态" value=""></el-option>		     
				    	<el-option v-for="(item, index) in logisticsInfoStatusMap" :label="item" :value="index" :key="index"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="经销商名称" prop="dealerName" >
				    <el-input v-model="searchForm.dealerName" placeholder="请输入搜索内容..."  @input.native="debounceSeach"></el-input >
				</el-form-item>
				
				<el-form-item label="汽车车型" prop="carName">
				  	<el-input v-model="searchForm.carName" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input >
			    </el-form-item>	 
				<el-form-item label="验车状态" prop="inspectionStatus">				   
				    <el-select v-model="searchForm.inspectionStatus" placeholder="请选择验车状态" @change="debounceSeach">
				    	<el-option label="请选择验车状态" value=""></el-option>			   
				    	<el-option v-for="(item, index) in carInspectionInfoStatusMap" :label="item" :value="index" :key="index"></el-option>
					</el-select>
				</el-form-item>	 
				<el-form-item label="保证金状态" prop="depositStatus">				   
				    <el-select v-model="searchForm.depositStatus" placeholder="请选择保证金状态" @change="debounceSeach">
				    	<el-option label="请选择保证金状态" value=""></el-option>			   
				    	<el-option v-for="(item, index) in cashDepositInfoStatusMap" :label="item" :value="index" :key="index"></el-option>
					</el-select>
				</el-form-item>	 	          
				<el-form-item style="width:100%!important;text-align:center;    margin-bottom: 10px;">
				    <el-button @click="resetSearchForm('searchForm')">重置</el-button>
				</el-form-item>
			</el-form>
		</div>
		<div id="tableBox" style="margin:25px 25px 0;" >
			<el-table :data="tableData.data" border  >
			    <el-table-column label="订单号" width="120" fixed>
			      <template scope="scope">
			        <span >{{ scope.row.orderNumber }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="经销商名称" fixed :show-overflow-tooltip="true" width="250">
			      <template scope="scope">
			        <span >{{ scope.row.dealerName }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="汽车车型" min-width="300" :show-overflow-tooltip="true">
			      <template scope="scope">
			        <span >{{ scope.row.carName }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="垫资金额" width="120">
			      <template scope="scope">
			        <span >{{ scope.row.paymentAmount | toFixed2}}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="订单状态" width="90">
			      <template scope="scope">
			        <span >{{ '二审通过' }}</span>
			      </template>
			    </el-table-column>
			     <el-table-column label="物流状态" width="90">
			      <template scope="scope">
			        <span >{{ logisticsInfoStatusMap[scope.row.logisticsStatus] }}</span>
			      </template>
			    </el-table-column>
			     <el-table-column label="验车状态" width="90">
			      <template scope="scope">
			        <span >{{ carInspectionInfoStatusMap[scope.row.inspectionStatus] }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="保证金状态" width="100">
			      <template scope="scope">
			        <span >{{ cashDepositInfoStatusMap[scope.row.depositStatus] }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="申请时间" width="160">
			      <template scope="scope">
			        <span >{{ scope.row.addTime }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="操作" width="65" fixed="right">
			      <template scope="scope">
			      	<el-button  type="primary" size="small" @click="handleEdit(scope.$index, scope.row)">终审</el-button>
			      	<!-- <el-button  type="success" size="small" @click="handleSee(scope.$index, scope.row)">查看</el-button> -->
			      </template>
			    </el-table-column>
			</el-table>

			<!-- <el-button size="small" @click="test()">测试</el-button> -->

            <!-- <el-dialog  title="终审管理" v-if='dialogFormVisible.bool' :visible.sync="dialogFormVisible.bool"  :lock-scroll='false' top=5% :close-on-click-modal="false">
            				<dialogForm v-bind:dialogFormVisible="dialogFormVisible" :isAdd="isAdd" :tableData="tableData" :carOrderId="carOrderId"  v-on:refreshTableData="getOrderList" ></dialogForm>
            				
            			</el-dialog> -->
			<el-dialog  title="终审管理" :visible.sync="dialogSendData.dialogFormVisible"  v-if="dialogSendData.dialogFormVisible" :lock-scroll='false' top=5% :close-on-click-modal="false" v-dialogDrag >
				<dialogForm :dialogSendData="dialogSendData" :tableData="tableData" v-on:refreshSeachData="getOrderList" ></dialogForm>	
			</el-dialog>
	    </div>
	    <div class="block" style="text-align: center;margin-top: 15px;">
		    <pagination v-on:refreshSeachData="getOrderList"   :tableData="tableData" :searchForm="searchForm">
	    	</pagination> 
		</div>
	</div>
</template>
<script src="./index.js">

</script>
<style scoped lang="stylus" rel="styleheet/stylus">
	@import './index.styl';
</style>

